.ui-state-default .icon-agenda{	
	 background-size: 18px 18px;
}
#wrapper {
    width: 0 auto;
    margin: 0 auto;
    background-image: url("http://localhost:8090/odontologia/resources/images/fondo1.jpg");"
}
	/* Celular de 480x320*/
@media only screen and (min-width: 320px) and (orientation : landscape){
	.ui-field-contain > label ~ [class*='ui-']{
	   width: 95%;
	   margin-left: 16px;
	}
	
	.ui-field-contain > label{
	  margin-left: 15px;
	}
	
	.ui-btnPanelGrid {
		margin-left: 65px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	
	.ui-btnPanelGrid{
		margin-left: 30px;
		margin-top: 10px;
		margin-bottom: 13px;
	}
}
  /* ipad de 1024x768*/
@media only screen and (min-width: 768px) and (orientation : landscape){
	.ui-btnPanelGrid{
		margin-left: 390px;
		margin-top: 55px;
	}
	.ui-field-contain > label ~ [class*='ui-']{
	   width: 95%;
	   margin-left: 35px;
	}
	
	.ui-field-contain > label{
	  margin-left: 35px;
	  margin-top: 45px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	
	.ui-btnPanelGrid{
	 margin-left: 250px;
		margin-top: 40px;
	}
	
	.ui-field-contain > label ~ [class*='ui-']{
	   width: 95%;
	   margin-left: 25px;
	}
	
	.ui-field-contain > label {
	  margin-left: 25px;
	  margin-top: 45px;
	}
	
}

